/*
 * @Author       : 魏威 <1209562577@qq.com>
 * @Date         : 2021-09-28 20:40 周2
 * @Description  : 项目级公用组件
 */
import styled from '@emotion/styled';

export const Row = styled.div<{
  /** 间隔 */
  gap?: number | boolean;
  /** 是否两端布局 */
  between?: boolean;
}>`
  display: flex;
  align-items: center;
  justify-content: ${(props) => (props.between ? 'space-between' : undefined)};
  > * {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-right: ${(props) =>
      typeof props.gap === 'number'
        ? props.gap + 'rem'
        : props.gap
        ? '2rem'
        : undefined};
  }
`;
